<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="万坤">
        <title></title>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/cart.css">
        <style>
            
        </style>
    </head>
    <body> 
        
      <!--搜索购物车-->
    <div class=" nav1 navbar-fixed-top">      
       <a href=""> <span class="glyphicon glyphicon-chevron-left"></span></a>
        <a href="">购物车</a>
        <a href=""> <span class=" glyphicon glyphicon-search"></span> </a>
    </div>
    
    <!--登录搜索框-->
    <div class="log ">
        <a href=""><span>登录后享受更多优惠</span></a>
        <a href="" class="log-2"> <span>去登录</span> <span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>
    
    <!--购物逛逛-->
       <div class="cart"> 
       <a href=""> <span class="glyphicon glyphicon-shopping-cart"></span></a>
       <a href="">购物车还是空的</a>
       <a href="" class="www"> 去逛逛 </a>
    </div>
    <h5>为你推荐</h5>
    
    
        <!--<a href="">为你推荐</a>-->
   <conationer>
      <div class="pro-menu">
                  <a href="">
                    <figure>
                      <img src="img/image/straPro-02.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>

                  <a href="">
                    <figure>
                      <img src="img/image/starPro-03.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>

                  <a href="">
                    <figure>
                      <img src="img/image/straPro-04.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>

                  <a href="">
                    <figure>
                      <img src="img/image/straPro-05.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>

                  <a href="">
                    <figure>
                      <img src="img/image/straPro-06.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>

                  <a href="">
                    <figure>
                      <img src="img/image/straPro-07.jpg" alt="">
                      <figcaption>
                        <h4>红米NOTE</h4>
                        <h6>￥999</h6>
                      </figcaption>
                    </figure>
                  </a>
                </div>
              
        </div>
   </conationer>
   
        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>